<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->

    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="档号">
              <a-input placeholder="请输入档号" v-model="queryParam.dangHao"></a-input>
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="题名">
              <a-input placeholder="请输入题名" v-model="queryParam.tiMing"></a-input>
            </a-form-item>
          </a-col>
          <template v-if="toggleSearchStatus">
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="文号">
                <a-input placeholder="请输入文号" v-model="queryParam.wenJianBianHao"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="密级">
                <j-dict-select-tag placeholder="请选择密级" v-model="queryParam.miJi" dictCode="MiJi" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="年度">
                <j-dict-select-tag
                  placeholder="请选择年度"
                  v-model="queryParam.nianDu"
                  dictCode="NianDu"
                />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="保管期限">
                <j-dict-select-tag
                  placeholder="请选择保管期限"
                  v-model="queryParam.baoGuanQiXian"
                  dictCode="BaoGuanQiXian"
                />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="归档机构">
                <a-input placeholder="请输入归档机构" v-model="queryParam.guiDangJiGou"></a-input>
              </a-form-item>
            </a-col>
          </template>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
              <a-button
                type="primary"
                @click="searchReset"
                icon="reload"
                style="margin-left: 8px"
              >重置</a-button>
              <a @click="handleToggleSearch" style="margin-left: 8px">
                {{ toggleSearchStatus ? '收起' : '展开' }}
                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
              </a>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <!-- 查询区域-END -->

    <!-- 操作按钮区域 -->
    <div class="table-operator">
      <a-button @click="add" type="primary" icon="plus">著录</a-button>
      <a-button @click="volume" type="primary" icon="plus">组卷</a-button>
      <a-button @click="pieceSetting" type="primary" icon="plus">立件</a-button>
    </div>

    <!-- table区域-begin -->
    <div>
      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择
        <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
      </div>

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        class="j-table-force-nowrap"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
        @change="handleTableChange"
      >
        <!-- <template slot="htmlSlot" slot-scope="text">
          <div v-html="text"></div>
        </template> -->
        <!-- <template slot="imgSlot" slot-scope="text">
          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
          <img
            v-else
            :src="getImgView(text)"
            height="25px"
            alt
            style="max-width:80px;font-size: 12px;font-style: italic;"
          />
        </template>
        <template slot="fileSlot" slot-scope="text">
          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
          <a-button
            v-else
            :ghost="true"
            type="primary"
            icon="download"
            size="small"
            @click="uploadFile(text)"
          >下载</a-button>
        </template> -->
        <span slot="detail" slot-scope="text, record" style="color: #1890FF;cursor: pointer;">
          <a @click="handlEdit(record,1)">{{text}}</a>
        </span>
        <span slot="action" slot-scope="text, record">
          <a :disabled="(record.liuZhuanZhuangTai>4)?true:false" @click="handlEdit(record,2)">编辑</a>

          <a-divider type="vertical" />
          <a-dropdown>
            <a class="ant-dropdown-link" :disabled="(record.liuZhuanZhuangTai>1)?true:false">
              更多
              <a-icon type="down" />
            </a>
            <a-menu slot="overlay">
              <a-menu-item>
                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
                  <a>删除</a>
                </a-popconfirm>
              </a-menu-item>
            </a-menu>
          </a-dropdown>
        </span>
      </a-table>
    </div>
  </a-card>
</template>

<script>
import { JeecgListMinxinPost } from '@/mixins/JeecgListMinxinPost'
import information from './information'
import '@/assets/less/TableExpand.less'
import { createJuan, createJian } from '@/api/api'

export default {
  name: 'WsZhuWenShuList',
  mixins: [JeecgListMinxinPost],
  components: {
    // information
  },
  inject: ['reload'],
  data() {
    return {
      description: '文书主表管理页面',
      // 表头
      columns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          },
        },

        // {
        //   title:'来源',
        //   align:"center",
        //   dataIndex: 'laiYuan'
        // },
        // {
        //   title:'档案馆名称',
        //   align:"center",
        //   dataIndex: 'dangAnGuanMingCheng'
        // },
        // {
        //   title:'档案馆代码',
        //   align:"center",
        //   dataIndex: 'dangAnGuanDaiMa'
        // },
        // {
        //   title:'全宗名称',
        //   align:"center",
        //   dataIndex: 'quanZongMingCheng'
        // },
        // {
        //   title:'立档单位名称',
        //   align:"center",
        //   dataIndex: 'liDangDnWeiMingCheng'
        // },
        // {
        //   title:'电子文件号',
        //   align:"center",
        //   dataIndex: 'dianZiWenJianHao'
        // },
        {
          title: '档号',
          align: 'center',
          dataIndex: 'dangHao',
        },
        {
          title: '题名',
          align: 'center',
          dataIndex: 'tiMing',
          scopedSlots: { customRender: 'detail' },
        },
        {
          title: '文号',
          align: 'center',
          dataIndex: 'wenJianBianHao',
        },
        {
          title: '密级',
          align: 'center',
          dataIndex: 'miJi_dictText',
        },
        {
          title: '保管期限',
          align: 'center',
          dataIndex: 'baoGuanQiXian_dictText',
        },
        {
          title: '年度',
          align: 'center',
          dataIndex: 'nianDu',
        },
        {
          title: '归档机构',
          align: 'center',
          dataIndex: 'jiGouMingCheng',
        },
        {
          title: '整理方式',
          align: 'center',
          dataIndex: 'juHeCengCi_dictText',
        },
        {
          title: '流转状态',
          align: 'center',
          dataIndex: 'liuZhuanZhuangTai_dictText',
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
          scopedSlots: { customRender: 'action' },
        },
        // {
        //   title:'保密期限',
        //   align:"center",
        //   dataIndex: 'baoMiQiXian_dictText'
        // },
        // {
        //   title:'全宗号',
        //   align:"center",
        //   dataIndex: 'quanZongHao'
        // },
        // {
        //   title:'目录号',
        //   align:"center",
        //   dataIndex: 'muLuHao'
        // },

        // {
        //   title:'机构或问题',
        //   align:"center",
        //   dataIndex: 'jiGOuHuoWenTi'
        // },
        // {
        //   title:'类别号',
        //   align:"center",
        //   dataIndex: 'leiBeiHao'
        // },
        // {
        //   title:'室编案卷号',
        //   align:"center",
        //   dataIndex: 'shiBianAnJuanHao'
        // },
        // {
        //   title:'管编案卷号',
        //   align:"center",
        //   dataIndex: 'guanBianAnJuanHao'
        // },
        // {
        //   title:'室编件号',
        //   align:"center",
        //   dataIndex: 'shiBianJianHao'
        // },
        // {
        //   title:'馆编件号',
        //   align:"center",
        //   dataIndex: 'guanBianJuanHao'
        // },
        // {
        //   title:'文档序号',
        //   align:"center",
        //   dataIndex: 'wenDangXuHao'
        // },
        // {
        //   title:'页号',
        //   align:"center",
        //   dataIndex: 'yeHao'
        // },
        // {
        //   title:'内容描述',
        //   align:"center",
        //   dataIndex: 'neiRongMiaoShu'
        // },

        // {
        //   title:'并列题名',
        //   align:"center",
        //   dataIndex: 'bingLieTiMing'
        // },
        // {
        //   title:'副题名',
        //   align:"center",
        //   dataIndex: 'fuTiMing'
        // },
        // {
        //   title:'说明题名文字',
        //   align:"center",
        //   dataIndex: 'shuoMingTiMingWenZi'
        // },
        // {
        //   title:'主题词',
        //   align:"center",
        //   dataIndex: 'zhuTiCi'
        // },
        // {
        //   title:'关键词',
        //   align:"center",
        //   dataIndex: 'guanJianCi'
        // },
        // {
        //   title:'人名',
        //   align:"center",
        //   dataIndex: 'renMing'
        // },
        // {
        //   title:'摘要',
        //   align:"center",
        //   dataIndex: 'zhaiYao'
        // },
        // {
        //   title:'分类号',
        //   align:"center",
        //   dataIndex: 'fenLeiHao'
        // },

        // {
        //   title:'责任者',
        //   align:"center",
        //   dataIndex: 'zeRenZhe'
        // },
        // {
        //   title:'日期',
        //   align:"center",
        //   dataIndex: 'riQi',
        //   customRender:function (text) {
        //     return !text?"":(text.length>10?text.substr(0,10):text)
        //   }
        // },
        // {
        //   title:'文种',
        //   align:"center",
        //   dataIndex: 'wenZhong_dictText'
        // },
        // {
        //   title:'紧急程度',
        //   align:"center",
        //   dataIndex: 'jinJiChengDu_dictText'
        // },
        // {
        //   title:'主送',
        //   align:"center",
        //   dataIndex: 'zhuSong'
        // },
        // {
        //   title:'抄送',
        //   align:"center",
        //   dataIndex: 'chaoSong'
        // },

        // {
        //   title:'形式特征',
        //   align:"center",
        //   dataIndex: 'xingShiTeZheng'
        // },
        // {
        //   title:'文件组合类型',
        //   align:"center",
        //   dataIndex: 'wenJianZuHeLeiXing'
        // },
        // {
        //   title:'件数',
        //   align:"center",
        //   dataIndex: 'jianShu'
        // },
        // {
        //   title:'页数',
        //   align:"center",
        //   dataIndex: 'yeShu'
        // },
        // {
        //   title:'语种',
        //   align:"center",
        //   dataIndex: 'yuZhong'
        // },
        // {
        //   title:'稿本',
        //   align:"center",
        //   dataIndex: 'gaoBen'
        // },
        // {
        //   title:'权限管理',
        //   align:"center",
        //   dataIndex: 'quanXianGuanLi'
        // },
        // {
        //   title:'知识产权说明',
        //   align:"center",
        //   dataIndex: 'zhiShiChanQuanShuoMing'
        // },
        // {
        //   title:'授权对象',
        //   align:"center",
        //   dataIndex: 'shouQuanDuiXiang'
        // },
        // {
        //   title:'授权行为',
        //   align:"center",
        //   dataIndex: 'shouQuanXingWei'
        // },
        // {
        //   title:'控制标识',
        //   align:"center",
        //   dataIndex: 'kongZhiBiaoShi'
        // },
      ],
      url: {
        list: '/wsWenShuDangAnController/queryPageList',
        delete: '/wsWenShuDangAnController/delete',
        deleteBatch: '/wsZhuWenShu/deleteBatch',
      },
      dictOptions: {},
    }
  },
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    },
  },
  created: function () {},
  methods: {
    // 编辑
    handlEdit(val,look) {
      if(look==1){
          this.$router.push({ path: '/information', query: { id: val.id, type: true } })
      }else{
        if(val.liuZhuanZhuangTai>1){
          this.$router.push({ path: '/information', query: { id: val.id ,status:true} })
        }else{
          this.$router.push({ path: '/information', query: { id: val.id ,status:false} })
          
        }
          
        

      }
      
    },
    initDictConfig() {},
    // 新增
    add() {
      this.$router.push('/information')
    },
    // 组卷
    volume() {
      var arr = []
      for (var a = 0; a < this.selectedRowKeys.length; a++) {
        // ids += this.selectedRowKeys[a] + ",";
        arr.push(this.selectedRowKeys[a])
      }
      // console.log(ids)
      for (var i = 0; i < this.selectionRows.length; i++) {
        if (this.selectionRows[i].juanJianHangBiaoShi) {
          this.$message.warning(this.selectionRows[i].tiMing + '该文件已组卷或立件')
          return
        }
      }
      createJuan({
        zhuWenShuIds: arr,
      }).then((res) => {
        if (res.success) {
          if (res.code == 0 || res.code == 200) {
            this.$message.success('组卷成功')
            this.reload()
          } else {
            this.$message.warning(res.message)
          }
        } else {
        }
      })
    },
    // 立件
    pieceSetting() {
      var arr = []
      for (var a = 0; a < this.selectedRowKeys.length; a++) {
        // ids += this.selectedRowKeys[a] + ",";
        arr.push(this.selectedRowKeys[a])
      }
      // console.log(ids)
      for (var i = 0; i < this.selectionRows.length; i++) {
        if (this.selectionRows[i].juanJianHangBiaoShi) {
          this.$message.warning(this.selectionRows[i].tiMing + '该文件已组卷或立件')
          return
        }
      }
      createJian({
        zhuWenShuIds: arr,
      }).then((res) => {
        if (res.success) {
          if (res.code == 0 || res.code == 200) {
            this.$message.success('立件成功')
            this.reload()
          } else {
            this.$message.warning(res.message)
          }
        } else {
        }
      })
    },
  },
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>
